<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Algérie Diaspora</title>
<link href="../css/style.css" rel="stylesheet" type="text/css" />

</head>

<body>
	<div id="container">
		<!--ici début du header-->
		<header>
		<div id="header">
			<li id="rechercher"><label>Rechercher :</label><input name="rechercher" type="text" size="20" maxlength="20" /><input name="" type="button" value="OK" /></li>
			<div id="titre"><h1>Algérie Diaspora</h1></div>
			<div id="logo"><img src="../images/logo_boiteaclip.jpg" width="151" height="84" alt="logo de la societe boite a clip" /></div>
			<div id="titre"><h2>Slogant Slogant Slogant!!!</h2></div>
        <form id="client">
        	<ul>
            <li><label>Identifiant :</label><input name="identifiant" type="text" size="20" maxlength="20" /></li>
            <li><label>Mot de passe :</label><input name="password" type="password" size="20" maxlength="20" /><input name="" type="button" value="OK" /></li>
			<li><label></label><a href="#">Mot de passe oublié?</a></li>
            </ul>
        </form>
        
    </div>
		</header>
		<!--ici début du menu-->
		<nav>
				<ul>
				<li><a href="../index.html" class="menu">Accueil</a></li>
				<li>|</li>
				<li><a href="article.html" class="menu">Article</a></li>
				<li>|</li>
				<li><a href="algerie.html" class="menu">Algerie</a></li>
				<li>|</li>
				<li><a href="international.html" class="menu">International</a></li>
				<li><a class="menu">|</a></li>
				<li><a href="culture.html" class="menu">Culture</a></li>
				<li>|</li>
				<li><a href="finance.html" class="menu">Finance</a></li>
				<li>|</li>
				<li><a href="diaspora.html" class="menu">Diaspora</a></li>
				<li>|</li>
				<li><a href="politique.html" class="menu">Politique</a></li>
				<li>|</li>
				<li><a href="sport.html" class="menu">Sport</a></li>
				<li><a href="#" class="abonne">Abonnez-vous</a></li>
			</ul>
			
		</nav>
		<!--ici début du contenu-->
		<div id="contenu">
		
			<section id="texte-for">
			<h1>CREEZ VOTRE COMPTE</h1>
			<br/>
			<br/>
				<form id="abonne" action="" method="post">
				<ul>
			<li><label id="civilite">Civilité :</label><input type="radio" name="monsieur" value="Monsieur"  checked="checked" /> <label id="monsieur"">Monsieur</label>
			<input type="radio" name="madame" value="Madame"  /> <label id="madame">Madame</label></li>
            <li><label>Nom :</label><input name="nom" type="text" size="40" maxlength="20" /></li>
            <li><label>Prénom :</label><input name="prenom" type="text" size="40" maxlength="20" /></li>
			<li><label>Identifiant :</label><input name="identifiant" type="text" size="40" maxlength="20" /></li>
            <li><label>Mot de passe :</label><input name="password" type="password" size="40" maxlength="20" /></li>
			<li><label>Confirmez mot de passe :</label><input name="confirmation" type="password" size="40" maxlength="20" /></li>
            <li><label>E-mail :</label><input name="email" type="text" size="40" maxlength="20" /></li>	
				</ul>
			<p><input type="checkbox" name="case"/><label id="case">J'ai lu et j'accepte les Conditions Générales d'Utilisation</label></p>
			<br/>
			<br/>
			<input name="" type="button" id="valider" value="VALIDER" />		
				</form>
			</section>
			<aside>
			
			</aside>
			
		</div>
		<!-- Ici débute le footer -->
		<footer>
			<ul>
				<li><a href="#">Contact</a></li>
				<li>|</li>
				<li>Copyright©2014</li>
				<li>|</li>
				<li><a href="#">Mentions légales</a></li>
			</ul>
		</footer>
	</div>

</body>
</html>



